.slider {
  position: fixed;
  z-index: 100;
  background-color: #f2f5fa;
  box-sizing: border-box;
  transition: left 0.3s;
  top: 64px;
  width: 300px;
  padding-top: 50px;
  background: transparent;
  left: 0;
  bottom: 0;
  .menuList {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;

    :global {
      li:first-child > a:not([href]) {
        padding-top: 0;
      }
      li {
        list-style: none;
        a {
          color: #454d64;
          position: relative;
          display: inline-block;
        }
        a.active {
          color: @primary-color;
        }
        a.active::before {
          opacity: 1;
          transform: scale(1) translateX(0);
        }
        a::before {
          content: '';
          position: absolute;
          top: 50%;
          left: -10px;
          margin-top: -2.5px;
          display: inline-block;
          width: 5px;
          height: 5px;
          background-color: #4569d4;
          border-radius: 50%;
          opacity: 0;
          transition: transform 0.2s, opacity 0.2s;
          transform: scale(0) translateX(-10px);
        }
        // a标签没有href属性时,触发
        a:not([href]) {
          padding-left: 58px;
          line-height: 1;
          font-weight: 500;
          color: #454d64 !important;
          background: transparent !important;
          cursor: default;
          padding-top: 24px;
        }

        ul {
          font-size: 0.9em;
          padding-left: 1em;
          margin-left: 58px;
          margin-top: 8px;
        }
      }
    }
  }
}
